<template>
    <div class="fluid">
        <div class="container">
            <p class="p1">四大智能化核心技术优势</p>
            <p class="p2">针对不同品牌的不同需求，利用四大智能技术优势，帮助品牌专属定制一站式的媒体营销解决方案。</p>
            <button class="btn1" @click="toAISelect" style="">立即体验</button>
            <div class="rowTwo">
                <ul class="ul1">
                    <li>
                        <img src="../../assets/img/AI智投/7.png" alt="">
                        <p>海量数据分析</p>
                        <p>亿级数据特征 | 海量外部</p>
                        <p>线上线下数据总汇</p>
                    </li>
                    <li>
                        <img src="../../assets/img/AI智投/8.png" alt="">
                        <p>超大规模计算学习</p>
                        <p>大规模集群并行 | 计算支持</p>
                        <p>PB级别数据处理能力</p>
                    </li>
                    <li>
                        <img src="../../assets/img/AI智投/9.png" alt="">
                        <p>智能预测法</p>
                        <p>复杂时间序列分析</p>
                        <p>智能的机械学习模型</p>
                    </li>
                    <li>
                        <img src="../../assets/img/AI智投/10.png" alt="">
                        <p>深度学习与挖掘</p>
                        <p>采用BNN规则与统计 | 分析、挖掘算法</p>
                        <p>准确率大于86%</p>
                    </li>
                </ul>
            </div>
        </div>
        <mask-toast v-if="showMaskToast" @closeMask="closeMask"></mask-toast>
    </div>
</template>
<script>
import maskToast from '../upgrade/upgradeToast'
export default {
    data(){
       return {
            debug: true,
            showMaskToast: false
       }
    },
    methods: {
        toAISelect(){
            if(this.debug){
                this.showMaskToast = true
                return
            }
            this.$router.push({path:'/AISelect'})
        },
        closeMask(data){
            this.showMaskToast = data
        }
    },
    components: {
        maskToast
    }
};
</script>
<style scoped>
.fluid {
  width: 100%;
  height: 760px;
  background-image: url("../../assets/img/AI智投/6.png");
  overflow: hidden;
}
.container {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.p1 {
  font-size: 34px;
  color: #fff;
  margin-top: 80px;
}
.p2 {
  margin-top: 25px;
  font-size: 16px;
  color: #fff;
}
.btn1 {
  width: 90px;
  height: 30px;
  background-color: #ed413f;
  font-size: 14px;
  color: #fff;
  border-radius: 20px;
  margin-top: 30px;
}
.rowTwo{
    width:100%;
    height: 400px;
    background: #fff;
    margin-top: 60px;
}
.ul1 li{
    width:300px;
    height:400px;
    float:left;
    text-align: center;
    padding-top:70px;
    border-right:1px solid #eee;
}
.ul1 li p:nth-child(2){
    margin-top: 40px;
    font-size: 24px;
}
.ul1 li p:nth-child(3){
    margin-top: 20px;
    font-size: 16px;
    color: rgb(34, 34, 34);
}
.ul1 li p:nth-child(4){
    font-size: 16px;
}
</style>


